<template>
    <div>
        <input type="text" placeholder="课程搜索">
        <a-button type="primary">
            <a-icon type="search" />
            搜索
        </a-button>
    </div>
</template>

<script>
    export default {
        name: "search"
    }
</script>

<style scoped lang="less">
    div {
        width: 400px;
        height: 38px;
        margin-left: 180px;
        float: left;
        input {
            border-radius: 20px 0px 0px 20px;
            padding-left: 10px;
            outline: none;
            border: none;
            width: 317px;
            height: 38px;
            border: 1px solid #BFBFBF;
        }
        button {
            color: white;
            width: 81px;
            height: 38px;
            border-radius: 0px 20px 20px 0px;
        }

    }


</style>